<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>0607作业</title>
		<style type="text/css">
			body {
				margin: 0;
			}
			
			li {
				float: right;
				list-style: none;
				width: 120px;
			}
			
			a:link {
				color: blue;
			}
			
			a:hover {
				color: red;
			}
			
			a:active {
				color: yellow;
			}
			
			a:visited {
				color: gray;
			}
			
			input {
				color: blue;
			}
			
			#zuoye1 {
				height: 70px;
				width: 100%;
				border: solid 1px red
			}
			a font{
				margin-left: 8px;
				margin-bottom: 100px;
			}
			li div div{
				float: left;
			}
			/*li div div:last-child{
				margin-top: 10px;
				margin-left: 10px;
			}*/
			
			.secenddiv{
				margin-top: 10px;
				margin-left: 10px;
			}
			li a div{
				margin-top: 5px;
				float: right;
				margin-right: 40px;
			}
		</style>
	</head>

	<body>
		<div id="zuoye1">
			<ul>
				<li><input type="submit" value="注册" /></li>
				<li><input type="submit" value="登录" /></li>
				<li>
					<div>
						<div>
							<img src="../img/tuichu.png" />
						</div>
						<div class="secenddiv">
							<a href="#">退出</a>
						</div>
					</div>
					
				</li>
				<li>
					<div>
						<div>
							<img src="../img/dingdan.png" />
						</div>
						<div class="secenddiv">
							<a href="#">订单</a>
						</div>
					</div>
					
				</li>
				<li>
					<a href="#"><img src="../img/gouwuche.png" /><font>购物车</font></a>
				</li>
				<li>
					<a href="#"><img src="../img/yonghuguanli.png" /><font>用户管理</font> </a>
				</li>
				<li>
					<a href="#"><img src="../img/shouye.png" /><div>首页</div></a>
				</li>

			</ul>
		</div>
	</body>

</html>